<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <title>Dashboard</title>
    <meta name="generator" content="Bootply"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link href="../resources/css/bootstrap.min.css" rel="stylesheet">
    <link href="../resources/css/dashboard.css" rel="stylesheet">
    <script type='text/javascript' src="../resources/js/jquery-2.1.1.min.js"></script>
    <script type='text/javascript' src="../resources/js/bootstrap.min.js"></script>

</head>
<body>
<jsp:include page="common/top-bar.jsp"/>

<div class="container">

    <!-- upper section -->
    <div class="row">
        <div class="col-sm-3">
            <jsp:include page="common/nav-bar.jsp"/>

        </div>
        <!-- /span-3 -->
        <div class="col-sm-9">
            <div id="msg"></div>
            <!-- column 2 -->
            <h3><i class="glyphicon glyphicon-plus-sign"></i> Create Ship</h3>

            <hr>

            <div class="row">
                <form class="form-horizontal" role="form" method="post">
                    <div class="form-group">
                        <label for="referenceId" class="col-sm-2 control-label">Reference Id</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" id="referenceId" name="referenceId" placeholder="Ship Reference Id">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="name" class="col-sm-2 control-label">Name</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" id="name" name="name" placeholder="Name">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="description" class="col-sm-2 control-label">Description</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" id="description" name="description" placeholder="Description">
                        </div>
                    </div>

                    <div class="form-group">
                        <div class="col-sm-offset-2 col-sm-10">
                            <button type="submit" class="btn btn-default">Create</button>
                        </div>
                    </div>
                </form>


            </div>
            <!--/col-->


        </div>
        <!--/row-->
    </div>
    <!--/col-span-9-->

</div>
<!--/row-->

</div><!--/container-->
<!-- /Main -->

</body>
</html>
